<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>注册界面</title>
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/style.css" />
		<script src="libs/jquery-3.1.0.js"></script>
		<script src="libs/jquery.cookie.js"></script>
		<script src="libs/bootstrap.js"></script>
		<script src="js/register.js"></script>
	</head>

	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container dropdown">
				<div class="navbar-login">
					<span id="goBack" class="pull-left">
						<span class="glyphicon glyphicon-chevron-left"></span>
					</span>
					注册
					<span id="user" class="pull-right normal">
						<span class="glyphicon glyphicon-user"></span>
					<span>登录</span>
					</span>
					<!--<ul class="dropdown-menu dropdown-menu-right" role="menu">
						<li>
							<a href="#" class="text-right">个人资料</a>
						</li>
						<li class="divider"></li>
						<li>
							<a href="#" class="text-right">退出</a>
						</li>
					</ul>-->
				</div>
			</div>
		</nav>
		<div class="container">
			<form action="">
				<div class="input-group form-group">
					<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
					<input type="text" name="username" autocomplete="off" required class="form-control" placeholder="请输入2-16位用户名" pattern="^[\u4e00-\u9fa5\w]{2,16}$">
				</div>
				<div class="input-group form-group">
					<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
					<input type="password" name="password" autocomplete="off" required class="form-control" placeholder="请输入6-16位密码" pattern="^[\w]{6,16}$">
				</div>
				<div class="input-group form-group">
					<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
					<input type="password" name="repassword" autocomplete="off" required class="form-control" placeholder="请再次输入6-16位密码" pattern="^[\w]{6,16}$">
				</div>
				<div class="radio">
					<label>
					 	<input type="radio" name="isMale" value="true">男
					</label>
				</div>
				<div class="radio">
					<label>
					 	<input type="radio" name="isMale" value="false">女
					</label>
				</div>
				<div class="input-group form-group">
					<span class="input-group-addon"><i class="glyphicon glyphicon-paperclip"></i></span>
					<input type="email" name="email" autocomplete="off" required class="form-control" placeholder="请输入邮件地址">
				</div>
				<div class="form-group">
					<select name="course" class="form-control">
						<option value="HTML">HTML5</option>
						<option value="CSS3">CSS3</option>
						<option value="JavaScript">JavaScript</option>
						<option value="jQuery">jQuery</option>
						<option value="Node.js">Node.js</option>
					</select>
				</div>
				<button class="btn btn-success form-control">注册</button>
			</form>
		</div>
		<div class="modal fade">
			<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
					<h4 class="modal-title">智游教育</h4>
				</div>
				<div class="modal-body">
					<p>One fine body&hellip;</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
	</body>

</html>